<template>
	<view>
		
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item  v-for="item,index in list">
				<view class="swiper-item">
					<image
					style="width: 100%;height: 140px;"  
					:src="item.icon"
					></image>
				</view>
			</swiper-item>
		</swiper>
	
	<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
		<swiper-item>
			<view class="swiper-item">
				
			<uni-section title="留言列表" sub-title="" type="line">
				
				<uni-list>
					<uni-list-item title="学校1" note=""></uni-list-item>
					<uni-list-item title="学校2" note=""></uni-list-item>
				</uni-list>
				
			</uni-section>
				
			</view>
		</swiper-item>
		
		<swiper-item>
			<view class="swiper-item">
				
			<uni-section title="功能列表" sub-title="" type="line">
				<uni-grid :column="5">
					<uni-grid-item v-for="item,index in typelist" :index="item.id">
						<view
							style="
							display: flex;  
							flex-direction: column;
							align-items: center; 
							justify-content: space-evenly;
							width: 100%; 
							height: 100%;">
							
							<image 
							:src="'../../static'+item.icon"
							 mode="aspectFill"
							style="
							width:100rpx; 
							height: 100rpx; "></image>
							
							<text>{{item.typename}}</text>
						</view>
					</uni-grid-item>
				</uni-grid>
			</uni-section>
			
				
			</view>
		</swiper-item>
	</swiper>
	
	
	
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						icon:"../../static/home/5.webp"
					},
					{
						icon:"../../static/home/6.jpg"
					},
					{
						icon:"../../static/home/3.jpg"
					},
					{
						icon:"../../static/home/4.jpg"
					}
				],
				typelist:[
					{
						"id": 1,
						"typename": "新闻",
						"icon": "../../static/home/xw.png"
					},
					{
						"id": 2,
						"typename": "公告",
						"icon": "../../static/home/gg.png"
					},
					{
						"id": 3,
						"typename": "同学",
						"icon": "../../static/home/tongxue.png"
					},
					{
						"id": 4,
						"typename": "电话",
						"icon": "../../static/home/dianhua.png"
					},
					{
						"id": 5,
						"typename": "留言",
						"icon": "../../static/home/liuyan.png"
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
